<template>
  <div class="containter">
    <div class="step">
      <ol class="titt">
        <el-badge
          :value="item.num"
          :max="99"
          :hidden="item.num == 0 || item.num == 'a'"
          class="item tittItem"
          v-for="(item, index) in list"
          :key="index"
        >
          <el-button
            class="button"
            size="mini"
            :class="activeIndex == index ? 'cur' : ''"
            :disabled="item.num == 0"
            @click="goAssignBlock('panelRef' + index, 100, index)"
            >{{ item.text }}</el-button
          >
        </el-badge>
      </ol>
    </div>

    <div ref="panelRef0" class="basicInfo basicInfo0">
      <p class="title"><span>案件分析</span></p>
      <div id="trend"></div>
    </div>
    <div v-if="false" ref="panelRef1" class="basicInfo basicInfo1">
      <p class="title">
        <span>法院公告信息</span
        ><span @click="checkMoreCourt" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="courtList"
        style="width: 100%"
        v-loading="courtLoading"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="annoer"
          label="公告人"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="lawername"
          label="当事人"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="annotpye"
          label="公告类型"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="content"
          label="正文内容"
          width="300"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="annodate"
          label="公告时间"
          align="center"
        ></el-table-column>
      </el-table>
      <el-dialog
        title="查看更多法院公告信息"
        :visible.sync="courtDialogVisible"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="courtMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{
                (courtPagination.page - 1) * 10 + scope.$index + 1
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="annoer"
            label="公告人"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="lawername"
            label="当事人"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="annotpye"
            label="公告类型"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="content"
            label="正文内容"
            width="300"
            show-overflow-tooltip
            align="center"
          ></el-table-column>
          <el-table-column
            prop="annodate"
            label="公告时间"
            align="center"
          ></el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="courtPagination.page"
            :total="courtPagination.total"
            @current-change="courtChange"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <div ref="panelRef2" class="basicInfo basicInfo1">
      <p class="title">
        <span>开庭公告信息</span
        ><span @click="checkMoreOpen" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="openList"
        style="width: 100%"
        v-loading="openLoading"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="referenceno"
          label="案号"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <!-- <el-table-column
          prop="party"
          label="当事人"
          align="center"
          show-overflow-tooltip
        ></el-table-column> -->
        <el-table-column
          prop="accuser"
          label="原告"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          prop="defendant"
          label="被告"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          prop="brief"
          label="案由"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="courtdate"
          label="开庭日期"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="court"
          label="法院"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
      </el-table>
      <el-dialog
        title="查看更多开庭公告信息"
        :visible.sync="openDialogVisible"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="openMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{
                (openPagination.page - 1) * 10 + scope.$index + 1
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="referenceno"
            label="案号"
            align="center"
            show-overflow-tooltip
          ></el-table-column>
          <!-- <el-table-column
            prop="party"
            label="当事人"
            align="center"
            show-overflow-tooltip
          ></el-table-column> -->
          <el-table-column
            prop="accuser"
            label="原告"
            align="center"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="defendant"
            label="被告"
            align="center"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="brief"
            label="案由"
            show-overflow-tooltip
            align="center"
          ></el-table-column>
          <el-table-column
            prop="courtdate"
            label="开庭日期"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="court"
            label="法院"
            align="center"
            show-overflow-tooltip
          ></el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="openPagination.page"
            :total="openPagination.total"
            @current-change="openChange"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <div ref="panelRef3" class="basicInfo basicInfo1">
      <p class="title">
        <span>裁判文书信息</span
        ><span @click="checkMoreJudicativePaper" class="glqy"
          >查看更多信息>></span
        >
      </p>
      <el-table
        :data="judicativePaperList"
        style="width: 100%"
        v-loading="loading1"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="caseno"
          label="案件编号"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          prop="casename"
          label="案件名称"
          width="200"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <!-- <el-table-column prop="type" label="案件分类"  align="center"></el-table-column> -->
        <el-table-column
          prop="court"
          label="执行法院"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <!-- <el-table-column
          prop="trialround"
          label="审理程序"
          align="center"
        ></el-table-column> -->
        <el-table-column prop="judgedate" label="裁判时间" align="center">
          <template slot-scope="{ row }">
            <span>{{
              row.judgedate ? row.judgedate.slice(0, 10) : row.judgedate
            }}</span>
          </template>
        </el-table-column>
      </el-table>
      <el-dialog
        title="查看更多裁判文书信息"
        :visible.sync="dialogVisible1"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="judicativePaperMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{ (pagination1.page - 1) * 10 + scope.$index + 1 }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="caseno"
            label="案件编号"
            align="center"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="casename"
            label="案件名称"
            width="200"
            show-overflow-tooltip
            align="center"
          ></el-table-column>
          <!-- <el-table-column prop="type" label="案件分类"  align="center"></el-table-column> -->
          <el-table-column
            prop="court"
            label="执行法院"
            align="center"
            show-overflow-tooltip
          ></el-table-column>
          <!-- <el-table-column
            prop="trialround"
            label="审理程序"
            align="center"
            show-overflow-tooltip
          ></el-table-column> -->
          <el-table-column prop="judgedate" label="裁判时间" align="center">
            <template slot-scope="{ row }">
              <span>{{
                row.judgedate ? row.judgedate.slice(0, 10) : row.judgedate
              }}</span>
            </template>
          </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="pagination1.page"
            :total="pagination1.total"
            @current-change="judicative"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- <el-table-column prop="type" label="案件分类"  align="center"></el-table-column> -->
    <!-- <div ref="panelRef4" class="basicInfo basicInfo1">
            <p class="title"><span>被执行人信息</span><span @click="checkMorePerformed" class="glqy">查看更多信息>></span></p>
            <el-table :data="performedList" style="width: 100%" v-loading='loading2'  :header-cell-style="{background:'#f2f9fe'}">
                <el-table-column type="index" label="序号" width="100" align="center"></el-table-column>
                <el-table-column prop="anno" label="案件编号"  align="center"></el-table-column>
                <el-table-column prop="companyname" label="企业名称"  align="center"></el-table-column>
                
                <el-table-column prop="executegov" label="执行法院"  align="center"></el-table-column>
                <el-table-column prop="liandate" label="立案日期"  align="center"></el-table-column>
                <el-table-column prop="status" label="状态"  align="center"></el-table-column>
            </el-table>
            <el-dialog title="查看更多被执行人信息" :visible.sync="dialogVisible2" width="50%" custom-class="dialog">
                <el-table :data="performedMoreList" style="width: 100%"  :header-cell-style="{background:'#f2f9fe'}">
                    <el-table-column type="index" label="序号" width="100" align="center">
                        <template slot-scope="scope">
                            <span>{{(pagination2.page - 1) * 10 + scope.$index + 1}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="anno" label="案件编号"  align="center"></el-table-column>
                    <el-table-column prop="companyname" label="企业名称"  align="center"></el-table-column>
                    <el-table-column prop="executegov" label="执行法院"  align="center"></el-table-column>
                    <el-table-column prop="liandate" label="立案日期"  align="center"></el-table-column>
                    <el-table-column prop="status" label="状态"  align="center"></el-table-column>
                </el-table>
                <div class="pagination"><el-pagination layout="prev, pager, next" background :current-page.sync='pagination2.page' :total="pagination2.total" @current-change='performed'></el-pagination></div>
            </el-dialog>
        </div> -->
    <div ref="panelRef4" class="basicInfo basicInfo1">
      <p class="title">
        <span>失信被执行人信息</span
        ><span @click="checkMoreDishonesty" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="dishonestyList"
        style="width: 100%"
        v-loading="loading3"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="executeno"
          label="案件编号"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <!-- <el-table-column
          prop="yiwu"
          label="失信被执行人行为具体情形"
          width="300"
          show-overflow-tooltip
          align="center"
        ></el-table-column> -->
        <el-table-column
          prop="executestatus"
          label="被执行人履行情况"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          prop="executegov"
          label="执行法院"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column prop="liandate" label="立案日期" align="center">
          <template slot-scope="{ row }">
            <span>{{
              row.liandate ? row.liandate.slice(0, 10) : row.liandate
            }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="pubDate" label="发布时间" align="center">
          <template slot-scope="{ row }">
            <span>{{
              row.pubDate ? row.pubDate.slice(0, 10) : row.pubDate
            }}</span>
          </template>
        </el-table-column>
      </el-table>
      <el-dialog
        title="查看更多失信被执行人信息"
        :visible.sync="dialogVisible3"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="dishonestyMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{ (pagination3.page - 1) * 10 + scope.$index + 1 }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="executeno"
            label="案件编号"
            align="center"
            show-overflow-tooltip
          ></el-table-column>
          <!-- <el-table-column
            prop="yiwu"
            label="失信被执行人行为具体情形"
            width="160"
            show-overflow-tooltip
            align="center"
          ></el-table-column> -->
          <el-table-column
            prop="executestatus"
            label="被执行人履行情况"
            width="150"
            align="center"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="executegov"
            label="执行法院"
            align="center"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column prop="liandate" label="立案日期" align="center">
            <template slot-scope="{ row }">
              <span>{{
                row.liandate ? row.liandate.slice(0, 10) : row.liandate
              }}</span>
            </template>
          </el-table-column>
          <el-table-column prop="pubDate" label="发布时间" align="center">
            <template slot-scope="{ row }">
              <span>{{
                row.pubDate ? row.pubDate.slice(0, 10) : row.pubDate
              }}</span>
            </template>
          </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="pagination3.page"
            :total="pagination3.total"
            @current-change="dishonesty"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <div v-if="false" ref="panelRef5" class="basicInfo basicInfo1">
      <p class="title">
        <span>行政处罚信息</span
        ><span @click="checkMoreAdministrativePenalty" class="glqy"
          >查看更多信息>></span
        >
      </p>
      <el-table
        :data="administrativePenaltyList"
        style="width: 100%"
        v-loading="loading4"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="xzcfjdws"
          label="决定书文号"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <!-- <el-table-column prop="wflx" label="违法行为类型"  align="center"></el-table-column> -->
        <el-table-column
          prop="cfnr"
          label="处罚内容"
          width="300"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="cfjdrq"
          label="处罚决定日期"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="cfjg"
          label="决定机关"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
      </el-table>
      <el-dialog
        title="查看更多行政处罚信息"
        :visible.sync="dialogVisible4"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="administrativePenaltyMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{ (pagination4.page - 1) * 10 + scope.$index + 1 }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="xzcfjdws"
            label="决定书文号"
            align="center"
            show-overflow-tooltip
          ></el-table-column>
          <!-- <el-table-column prop="wflx" label="违法行为类型"  align="center"></el-table-column> -->
          <el-table-column
            prop="cfnr"
            label="处罚内容"
            width="300"
            show-overflow-tooltip
            align="center"
          ></el-table-column>
          <el-table-column
            prop="cfjdrq"
            label="处罚决定日期"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="cfjg"
            label="决定机关"
            align="center"
            show-overflow-tooltip
          ></el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="pagination4.page"
            :total="pagination4.total"
            @current-change="administrative"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- 行政强制信息 -->
    <div v-if="false" ref="panelRef6" class="basicInfo basicInfo1">
      <p class="title">
        <span>行政强制信息</span
        ><span @click="checkMoreXzqz" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="xzqzDataList"
        style="width: 100%"
        v-loading="loadingXzqz"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="xzqzjdwsmc"
          label="行政强制决定文书名称"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          prop="xzqzzl"
          label="行政强制种类"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="xzqzly"
          label="行政强制理由"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          prop="xzqznr"
          label="行政强制内容"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column prop="ssqzcsqssj" label="实施强制措施起始时间" align="center">
        </el-table-column>
        <el-table-column prop="ssqzcsjssj" label="实施强制措施结束时间" align="center">
        </el-table-column>
      </el-table>
      <el-dialog
        title="查看更多行政强制信息"
        :visible.sync="dialogVisibleXzqz"
        width="70%"
        custom-class="dialog"
      >
        <el-table
          :data="xzqzMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{ (paginationXzqz.page - 1) * 10 + scope.$index + 1 }}</span>
            </template>
          </el-table-column>
          <el-table-column
          prop="xzqzjdwsmc"
          label="行政强制决定文书名称"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          prop="xzqzzl"
          label="行政强制种类"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="xzqzly"
          label="行政强制理由"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          prop="xzqznr"
          label="行政强制内容"
          align="center"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column prop="ssqzcsqssj" label="实施强制措施起始时间" align="center">
        </el-table-column>
        <el-table-column prop="ssqzcsjssj" label="实施强制措施结束时间" align="center">
        </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="paginationXzqz.page"
            :total="paginationXzqz.total"
            @current-change="handelChangXzqz"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- 信用承诺 -->
    <div v-if="false" ref="panelRef7" class="basicInfo basicInfo1">
      <p class="title">
        <span>信用承诺</span
        ><span @click="xycnBtn" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="xycnDataList"
        style="width: 100%"
        v-loading="loadingXycn"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column type="index" label="序号" width="100" align="center" />
        <el-table-column
          prop="cnlx"
          label="承诺类型"
          align="center"
          show-overflow-tooltip
        />
        <el-table-column
          prop="cnnr"
          label="承诺内容"
          show-overflow-tooltip
          align="center"
        />
        <el-table-column
          prop="wnzr"
          label="违诺责任"
          align="center"
          show-overflow-tooltip
        />
        <el-table-column
          prop="cnlxzt"
          label="承诺履行状态"
          align="center"
          show-overflow-tooltip
        />
      </el-table>
      <el-dialog
        title="查看更多信用承诺"
        :visible.sync="dialogVisibleXycn"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="xycnDataMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{
                (paginationXycn.page - 1) * 10 + scope.$index + 1
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="cnlx"
            label="承诺类型"
            align="center"
            show-overflow-tooltip
          />
          <el-table-column
            prop="cnnr"
            label="承诺内容"
            align="center"
            show-overflow-tooltip
          />
          <el-table-column
            prop="wnzr"
            label="违诺责任"
            align="center"
            show-overflow-tooltip
          />
          <el-table-column
            prop="cnlxzt"
            label="承诺履行状态"
            align="center"
            show-overflow-tooltip
          />
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="paginationXycn.page"
            :total="paginationXycn.total"
            @current-change="xycnPationBtn"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- 破产案件信息 -->
    <div ref="panelRef8" class="basicInfo basicInfo1">
      <p class="title">
        <span>破产案件信息</span
        ><span @click="pcajxxBtn" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="pcanxxDataList"
        style="width: 100%"
        v-loading="loadingPcanxx"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column type="index" label="序号" width="100" align="center" />
        <el-table-column
          prop="casenumber"
          label="案号"
          align="center"
          show-overflow-tooltip
        />
        <el-table-column
          prop="type"
          label="破产类型"
          show-overflow-tooltip
          align="center"
        />
        <el-table-column
          prop="acceptancecourt"
          label="受理法院"
          align="center"
          show-overflow-tooltip
        />
        <el-table-column
          prop="closingmethod"
          label="结案方式"
          align="center"
          show-overflow-tooltip
        />
        <el-table-column
          prop="closingtime"
          label="结案时间"
          align="center"
          show-overflow-tooltip
        />
      </el-table>
      <el-dialog
        title="查看更多破产案件信息"
        :visible.sync="dialogVisiblePcajxx"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="pcajxxDataMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{
                (paginationpcajxx.page - 1) * 10 + scope.$index + 1
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="casenumber"
            label="案号"
            align="center"
            show-overflow-tooltip
          />
          <el-table-column
            prop="type"
            label="破产类型"
            show-overflow-tooltip
            align="center"
          />
          <el-table-column
            prop="acceptancecourt"
            label="受理法院"
            align="center"
            show-overflow-tooltip
          />
          <el-table-column
            prop="closingmethod"
            label="结案方式"
            align="center"
            show-overflow-tooltip
          />
          <el-table-column
            prop="closingtime"
            label="结案时间"
            align="center"
            show-overflow-tooltip
          />
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="paginationpcajxx.page"
            :total="paginationpcajxx.total"
            @current-change="pcajxxPationBtn"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- <div ref="panelRef7" class="basicInfo basicInfo1">
            <p class="title"><span>严重失信惩戒名单</span><span @click="checkMoreDiscipline" class="glqy">查看更多信息>></span></p>
            <el-table :data="disciplineList" style="width: 100%" v-loading='loading5'  :header-cell-style="{background:'#f2f9fe'}">
                <el-table-column type="index" label="序号" width="100" align="center"></el-table-column>
                <el-table-column prop="ajbh" label="案件编号"  align="center"></el-table-column>
                <el-table-column prop="cflb" label="处罚类型"  align="center"></el-table-column>
                <el-table-column prop="cfnr" label="处罚结果"  align="center"></el-table-column>
                <el-table-column prop="cfjg" label="处罚机关"  align="center"></el-table-column>
                <el-table-column prop="cfjjrq" label="处罚决定日期"  align="center"></el-table-column>
            </el-table>
            <el-dialog title="查看更多严重失信惩戒名单" :visible.sync="dialogVisible5" width="50%" custom-class="dialog">
                <el-table :data="disciplineMoreList" style="width: 100%"  :header-cell-style="{background:'#f2f9fe'}">
                    <el-table-column type="index" label="序号" width="100" align="center">
                        <template slot-scope="scope">
                            <span>{{(pagination5.page - 1) * 10 + scope.$index + 1}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="ajbh" label="案件编号"  align="center"></el-table-column>
                    <el-table-column prop="cflb" label="处罚类型"  align="center"></el-table-column>
                    <el-table-column prop="cfnr" label="处罚结果"  align="center"></el-table-column>
                    <el-table-column prop="cfjg" label="处罚机关"  align="center"></el-table-column>
                    <el-table-column prop="cfjjrq" label="处罚决定日期"  align="center"></el-table-column>
                </el-table>
                <div class="pagination"><el-pagination layout="prev, pager, next" background :current-page.sync='pagination5.page' :total="pagination5.total" @current-change='discipline'></el-pagination></div>
            </el-dialog>
        </div> -->
    <!-- <div ref="panelRef8" class="basicInfo basicInfo1">
            <p class="title"><span>严重失信公示名单</span><span @click="checkMorePublicity" class="glqy">查看更多信息>></span></p>
            <el-table :data="publicityList" style="width: 100%" v-loading='loading6'  :header-cell-style="{background:'#f2f9fe'}">
                <el-table-column type="index" label="序号" width="100" align="center"></el-table-column>
                <el-table-column prop="xzcfjdws" label="处罚决定文书"  align="center"></el-table-column>
                <el-table-column prop="ajmc" label="处罚名称"  align="center"></el-table-column>
                <el-table-column prop="cflb" label="处罚类别"  align="center"></el-table-column>
                <el-table-column prop="cfyj" label="处罚事由"  align="center"></el-table-column>
                <el-table-column prop="cfnr" label="处罚结果"  align="center"></el-table-column>
                <el-table-column prop="cfjg" label="处罚机关"  align="center"></el-table-column>
                <el-table-column prop="cfjjrq" label="处罚决定日期"  align="center"></el-table-column>
            </el-table>
            <el-dialog title="查看更多严重失信公示名单" :visible.sync="dialogVisible6" width="50%" custom-class="dialog">
                <el-table :data="publicityMoreList" style="width: 100%"  :header-cell-style="{background:'#f2f9fe'}">
                    <el-table-column type="index" label="序号" width="100" align="center">
                        <template slot-scope="scope">
                            <span>{{(pagination6.page - 1) * 10 + scope.$index + 1}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="xzcfjdws" label="处罚决定文书"  align="center"></el-table-column>
                    <el-table-column prop="ajmc" label="处罚名称"  align="center"></el-table-column>
                    <el-table-column prop="cflb" label="处罚类别"  align="center"></el-table-column>
                    <el-table-column prop="cfyj" label="处罚事由"  align="center"></el-table-column>
                    <el-table-column prop="cfnr" label="处罚结果"  align="center"></el-table-column>
                    <el-table-column prop="cfjg" label="处罚机关"  align="center"></el-table-column>
                    <el-table-column prop="cfjjrq" label="处罚决定日期"  align="center"></el-table-column>
                </el-table>
                <div class="pagination"><el-pagination layout="prev, pager, next" background :current-page.sync='pagination6.page' :total="pagination6.total" @current-change='publicity'></el-pagination></div>
            </el-dialog>
        </div> -->
    <!-- <div ref="panelRef9" class="basicInfo basicInfo1">
            <p class="title"><span>海关失信认证信息</span><span @click="checkMoreCustomsCertification" class="glqy">查看更多信息>></span></p>
            <el-table :data="customsCertificationList" style="width: 100%" v-loading='loading7'  :header-cell-style="{background:'#f2f9fe'}">
                <el-table-column type="index" label="序号" width="100" align="center"></el-table-column>
                <el-table-column prop="hscode" label="海关编码"  align="center"></el-table-column>
                <el-table-column prop="creditrating" label="信用等级"  align="center"></el-table-column>
                <el-table-column prop="registdate" label="等级认定时间"  align="center"></el-table-column>
            </el-table>
            <el-dialog title="查看更多海关失信认证信息" :visible.sync="dialogVisible7" width="50%" custom-class="dialog">
                <el-table :data="customsCertificationMoreList" style="width: 100%"  :header-cell-style="{background:'#f2f9fe'}">
                    <el-table-column type="index" label="序号" width="100" align="center">
                        <template slot-scope="scope">
                            <span>{{(pagination7.page - 1) * 10 + scope.$index + 1}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="hscode" label="海关编码"  align="center"></el-table-column>
                    <el-table-column prop="creditrating" label="信用等级"  align="center"></el-table-column>
                    <el-table-column prop="registdate" label="等级认定时间"  align="center"></el-table-column>
                </el-table>
                <div class="pagination"><el-pagination layout="prev, pager, next" background :current-page.sync='pagination7.page' :total="pagination7.total" @current-change='customsCertification'></el-pagination></div>
            </el-dialog>
        </div> -->
    <!-- <div ref="panelRef10" class="basicInfo basicInfo1">
            <p class="title"><span>出入境检验检疫信息</span><span @click="checkMoreEntryExit" class="glqy">查看更多信息>></span></p>
            <el-table :data="entryExitList" style="width: 100%" v-loading='loading8'  :header-cell-style="{background:'#f2f9fe'}">
                <el-table-column type="index" label="序号" width="100" align="center"></el-table-column>
                <el-table-column prop="companyname" label="企业名称"  align="center"></el-table-column>
                <el-table-column prop="indate" label="等级认定时间"  align="center"></el-table-column>
            </el-table>
            <el-dialog title="查看更多出入境检验检疫信息" :visible.sync="dialogVisible8" width="50%" custom-class="dialog">
                <el-table :data="entryExitMoreList" style="width: 100%"  :header-cell-style="{background:'#f2f9fe'}">
                    <el-table-column type="index" label="序号" width="100" align="center">
                        <template slot-scope="scope">
                            <span>{{(pagination8.page - 1) * 10 + scope.$index + 1}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="companyname" label="企业名称"  align="center"></el-table-column>
                    <el-table-column prop="indate" label="等级认定时间"  align="center"></el-table-column>
                </el-table>
                <div class="pagination"><el-pagination layout="prev, pager, next" background :current-page.sync='pagination8.page' :total="pagination8.total" @current-change='entryExit'></el-pagination></div>
            </el-dialog>
        </div> -->
    <!-- <div ref="panelRef11" class="basicInfo basicInfo1">
            <p class="title"><span>严重质量失信信息</span><span @click="checkMoreQualityPromise" class="glqy">查看更多信息>></span></p>
            <el-table :data="qualityPromiseList" style="width: 100%" v-loading='loading9'  :header-cell-style="{background:'#f2f9fe'}">
                <el-table-column type="index" label="序号" width="100" align="center"></el-table-column>
                <el-table-column prop="companyname" label="企业名称"  align="center"></el-table-column>
                <el-table-column prop="indate" label="等级认定时间"  align="center"></el-table-column>
            </el-table>
            <el-dialog title="查看更多严重质量失信信息" :visible.sync="dialogVisible9" width="50%" custom-class="dialog">
                <el-table :data="qualityPromiseMoreList" style="width: 100%"  :header-cell-style="{background:'#f2f9fe'}">
                    <el-table-column type="index" label="序号" width="100" align="center">
                        <template slot-scope="scope">
                            <span>{{(pagination9.page - 1) * 10 + scope.$index + 1}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="companyname" label="企业名称"  align="center"></el-table-column>
                    <el-table-column prop="indate" label="等级认定时间"  align="center"></el-table-column>
                </el-table>
                <div class="pagination"><el-pagination layout="prev, pager, next" background :current-page.sync='pagination9.page' :total="pagination9.total" @current-change='qualityPromise'></el-pagination></div>
            </el-dialog>
        </div> -->
    <!-- <div ref="panelRef12" class="basicInfo basicInfo1">
            <p class="title"><span>采购不良行为</span><span @click="checkMoreMisconduct" class="glqy">查看更多信息>></span></p>
            <el-table :data="misconductList" style="width: 100%" v-loading='loading10'  :header-cell-style="{background:'#f2f9fe'}">
                <el-table-column type="index" label="序号" width="100" align="center"></el-table-column>
                <el-table-column prop="blxwdjtqx" label="不良行为具体情形"  align="center"></el-table-column>
                <el-table-column prop="cfjg" label="处罚结果"  align="center"></el-table-column>
                <el-table-column prop="cfjlrq" label="处罚记录日期"  align="center"></el-table-column>
                <el-table-column prop="cfjldw" label="处罚记录单位"  align="center"></el-table-column>
            </el-table>
            <el-dialog title="查看更多采购不良行为" :visible.sync="dialogVisible10" width="50%" custom-class="dialog">
                <el-table :data="misconductMoreList" style="width: 100%"  :header-cell-style="{background:'#f2f9fe'}">
                    <el-table-column type="index" label="序号" width="100" align="center">
                        <template slot-scope="scope">
                            <span>{{(pagination10.page - 1) * 10 + scope.$index + 1}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="blxwdjtqx" label="不良行为具体情形"  align="center"></el-table-column>
                    <el-table-column prop="cfjg" label="处罚结果"  align="center"></el-table-column>
                    <el-table-column prop="cfjlrq" label="处罚记录日期"  align="center"></el-table-column>
                    <el-table-column prop="cfjldw" label="处罚记录单位"  align="center"></el-table-column>
                </el-table>
                <div class="pagination"><el-pagination layout="prev, pager, next" background :current-page.sync='pagination10.page' :total="pagination10.total" @current-change='misconduct'></el-pagination></div>
            </el-dialog>
        </div> -->
  </div>
</template>

<script>
import * as echarts from "echarts";
import {
  getAjqsInfo,
  getCpwsInfoList,
  getBzxrInfoList,
  getSxbzxrInfoList,
  xzcf,
  getCjmdInfoList,
  getGsmdInfoList,
  getHgsxInfoList,
  getXycn,
  getPcaj,
  getCrjjyjysxInfoList,
  getYzzlsxInfoList,
  getZgblInfoList,
  fyggXx,
  ktggXx,
  getXzqzInfoList
} from "@/api/portay";
export default {
  props: ["comInfo"],
  data() {
    return {
      activeIndex: "a",
      list: [
        { text: "案件分析", num: "a", disabled: false },
        // { text: "法院公告信息", disabled: false },
        { text: "开庭公告信息", disabled: false },
        { text: "裁判文书信息", disabled: false },
        // {text:'被执行人信息',disabled:false},
        { text: "失信被执行人信息", disabled: false },
        // { text: "行政处罚信息", disabled: false },
        // { text: "行政强制信息", disabled: false },
        // { text: "信用承诺", disabled: false },
        { text: "破产案件信息", disabled: false },
        // {text:'严重失信惩戒名单',disabled:false},
        // {text:'严重失信公示名单',disabled:false},
        // {text:'海关失信认证信息',disabled:false},
        // {text:'出入境检验检疫信息',disabled:false},
        // {text:'严重质量失信信息',disabled:false},
        // {text:'采购不良行为',disabled:false},
      ],
      loading1: false,
      pagination1: {
        page: 1,
        total: 0,
      },
      judicativePaperList: [],
      judicativePaperMoreList: [],
      loading2: false,
      pagination2: {
        page: 1,
        total: 0,
      },
      performedList: [],
      performedMoreList: [],
      loading3: false,
      pagination3: {
        page: 1,
        total: 0,
      },
      dishonestyList: [],
      dishonestyMoreList: [],
      loading4: false,
      pagination4: {
        page: 1,
        total: 0,
      },
      administrativePenaltyList: [],
      administrativePenaltyMoreList: [],

      loading5: false,
      pagination5: {
        page: 1,
        total: 0,
      },
      disciplineList: [],
      disciplineMoreList: [],
      loading6: false,
      pagination6: {
        page: 1,
        total: 0,
      },
      publicityList: [],
      publicityMoreList: [],
      loading7: false,
      pagination7: {
        page: 1,
        total: 0,
      },
      customsCertificationList: [],
      customsCertificationMoreList: [],
      loading8: false,
      pagination8: {
        page: 1,
        total: 0,
      },
      entryExitList: [],
      entryExitMoreList: [],
      loading9: false,
      pagination9: {
        page: 1,
        total: 0,
      },
      qualityPromiseList: [],
      qualityPromiseMoreList: [],
      loading10: false,
      pagination10: {
        page: 1,
        total: 0,
      },
      courtList: [],
      courtMoreList: [],
      courtLoading: false,
      courtPagination: {
        page: 1,
        total: 0,
      },
      openList: [],
      openMoreList: [],
      openLoading: false,
      openPagination: {
        page: 1,
        total: 0,
      },
      misconductList: [],
      misconductMoreList: [],
      dialogVisible1: false,
      dialogVisible2: false,
      dialogVisible3: false,
      dialogVisible4: false,
      dialogVisible5: false,
      dialogVisible6: false,
      dialogVisible7: false,
      dialogVisible8: false,
      dialogVisible9: false,
      dialogVisible10: false,
      courtDialogVisible: false,
      openDialogVisible: false,
      dialogVisibleXycn: false, //信用承诺
      loadingXycn: false,
      xycnDataList: [],
      xycnDataMoreList: [],
      paginationXycn: { page: 1, total: 0 },
      pcanxxDataList: [], //破产案件信息
      loadingPcanxx: false,
      dialogVisiblePcajxx: false,
      pcajxxDataMoreList: [],
      paginationpcajxx: { page: 1, total: 0 },
      /* 行政强制信息 */
      xzqzDataList: [],
      loadingXzqz: false,
      dialogVisibleXzqz: false,
      xzqzMoreList: [],
      paginationXzqz: { page: 1, total: 0 },
    };
  },
  created() {},
  watch: {
    comInfo: {
      handler(newVal, oldVal) {
        if (newVal.shtyxydm) {
          this.getAjqsInfo();
          //this.courtInfoList();
          this.openInfoList();
          this.getCpwsInfoList();
          // this.getBzxrInfoList();
          this.getSxbzxrInfoList();
          //this.getXzcfInfoList();
          // this.getCjmdInfoList();
          // this.getGsmdInfoList();
          // this.getHgsxInfoList();
          // this.getCrjjyjysxInfoList();
          // this.getYzzlsxInfoList();
          // this.getZgblInfoList();
          //this.getXyxxDataList();
          this.getPcajxxDataList();
          //this.getXzqzInfoList();
        }
      },
      deep: true,
      immediate: true,
    },
  },
  mounted() {},
  methods: {
    //破产案件信息
    getPcajxxDataList() {
      this.loadingPcanxx = true;
      let index = this.list.findIndex((item) => item.text == "破产案件信息");
      getPcaj({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loadingPcanxx = false;
        this.pcanxxDataList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多破产案件信息
    pcajxxBtn() {
      this.dialogVisiblePcajxx = true;
      this.paginationpcajxx.page = 1;
      getPcaj({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.loadingPcanxx = false;
        this.pcajxxDataMoreList = res.data.records;
        this.paginationpcajxx.total = Number(res.data.total);
      });
    },
    //破产案件信息分页
    pcajxxPationBtn(val) {
      this.paginationpcajxx.page = val;
      getPcaj({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.pcajxxDataMoreList = res.data.records;
      });
    },
    //信用承诺
    getXyxxDataList() {
      this.loadingXycn = true;
      let index = this.list.findIndex((item) => item.text == "信用承诺");
      getXycn({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loadingXycn = false;
        this.xycnDataList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多信用承诺
    xycnBtn() {
      this.dialogVisibleXycn = true;
      this.paginationXycn.page = 1;
      getXycn({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.xycnDataMoreList = res.data.records;
        this.paginationXycn.total = Number(res.data.total);
      });
    },
    //查看更多信用承诺分页
    xycnPationBtn(val) {
      this.paginationXycn.page = val;
      getXycn({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.xycnDataMoreList = res.data.records;
      });
    },
    //获取案件趋势数据
    getAjqsInfo() {
      getAjqsInfo({ shtyxydm: this.comInfo.shtyxydm }).then((res) => {
        let xData = [];
        let data = [];
        res.data.forEach((item) => {
          xData.push(item.dateY);
          data.push(item.countNum);
        });
        this.$nextTick(() => {
          this.getCaseTrend(xData, data);
        });
      });
    },
    //案件趋势
    getCaseTrend(xData, data) {
      let chartDom = document.getElementById("trend");
      let myChart1 = echarts.init(chartDom);
      let option;

      option = {
        title: {
          text: "案件趋势（单位：件）",
        },
        tooltip: {
          trigger: "axis",
          axisPointer: {
            type: "line",
          },
        },
        color: ["#73a0fa"],
        legend: {
          show: false,
        },
        grid: {
          left: "3%",
          right: "4%",
          bottom: "3%",
          containLabel: true,
        },
        xAxis: {
          type: "category",
          data: xData,
        },
        yAxis: {
          type: "value",
        },
        series: [
          {
            data: data,
            type: "bar",
            barWidth: 30,
          },
        ],
      };

      option && myChart1.setOption(option);
      window.addEventListener("resize", () => {
        myChart1.resize();
      });
    },
    //裁判文书信息
    getCpwsInfoList() {
      this.loading1 = true;
      let index = this.list.findIndex((item) => item.text == "裁判文书信息");
      getCpwsInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading1 = false;
        this.judicativePaperList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多裁判文书信息
    checkMoreJudicativePaper() {
      this.dialogVisible1 = true;
      this.pagination1.page = 1;
      getCpwsInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.judicativePaperMoreList = res.data.records;
        this.pagination1.total = Number(res.data.total);
      });
    },
    //查看更多裁判文书信息分页
    judicative(val) {
      this.pagination1.page = val;
      getCpwsInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.judicativePaperMoreList = res.data.records;
      });
    },
    //法院公告信息
    courtInfoList() {
      this.courtLoading = true;
      let index = this.list.findIndex((item) => item.text == "法院公告信息");
      fyggXx({ TYSHXYDM: this.comInfo.shtyxydm, pageNum: 1, pageSize: 2 }).then(
        (res) => {
          this.courtLoading = false;
          this.courtList = res.data.records;
          this.list[index].num = res.data.total;
        }
      );
    },
    //查看更多法院公告信息
    checkMoreCourt() {
      this.courtDialogVisible = true;
      this.courtPagination.page = 1;
      fyggXx({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.courtMoreList = res.data.records;
        this.courtPagination.total = Number(res.data.total);
      });
    },
    //查看更多法院公告信息分页
    courtChange(val) {
      this.courtPagination.page = val;
      fyggXx({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.courtMoreList = res.data.records;
      });
    },
    //开庭公告信息
    openInfoList() {
      this.openLoading = true;
      let index = this.list.findIndex((item) => item.text == "开庭公告信息");
      ktggXx({ TYSHXYDM: this.comInfo.shtyxydm, pageNum: 1, pageSize: 2 }).then(
        (res) => {
          this.openLoading = false;
          this.openList = res.data.records;
          this.list[index].num = res.data.total;
        }
      );
    },
    //查看更多开庭公告信息
    checkMoreOpen() {
      this.openDialogVisible = true;
      this.openPagination.page = 1;
      ktggXx({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.openMoreList = res.data.records;
        this.openPagination.total = Number(res.data.total);
      });
    },
    //查看更多开庭公告信息分页
    openChange(val) {
      this.openPagination.page = val;
      ktggXx({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.openMoreList = res.data.records;
      });
    },
    //查看被执行人信息
    getBzxrInfoList() {
      this.loading2 = true;
      let index = this.list.findIndex((item) => item.text == "被执行人信息");
      getBzxrInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading2 = false;
        this.performedList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多被执行人信息
    checkMorePerformed() {
      this.dialogVisible2 = true;
      this.pagination2.page = 1;
      getBzxrInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.performedMoreList = res.data.records;
        this.pagination2.total = Number(res.data.total);
      });
    },
    //查看更多被执行人信息分页
    performed(val) {
      this.pagination2.page = val;
      getBzxrInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.performedMoreList = res.data.records;
      });
    },
    //失信被执行人信息
    getSxbzxrInfoList() {
      this.loading3 = true;
      let index = this.list.findIndex(
        (item) => item.text == "失信被执行人信息"
      );
      getSxbzxrInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading3 = false;
        this.dishonestyList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多失信被执行人信息
    checkMoreDishonesty() {
      this.dialogVisible3 = true;
      this.pagination3.page = 1;
      getSxbzxrInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.dishonestyMoreList = res.data.records;
        this.pagination3.total = Number(res.data.total);
      });
    },
    //查看更多失信被执行人信息分页
    dishonesty(val) {
      this.pagination3.page = val;
      getSxbzxrInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.dishonestyMoreList = res.data.records;
      });
    },
    //行政处罚信息
    getXzcfInfoList() {
      this.loading4 = true;
      let index = this.list.findIndex((item) => item.text == "行政处罚信息");
      xzcf({ TYSHXYDM: this.comInfo.shtyxydm, pageNum: 1, pageSize: 2 }).then(
        (res) => {
          this.loading4 = false;
          this.administrativePenaltyList = res.data.records;
          this.list[index].num = res.data.total;
        }
      );
    },
    //查看更多行政处罚信息
    checkMoreAdministrativePenalty() {
      this.dialogVisible4 = true;
      this.pagination4.page = 1;
      xzcf({ TYSHXYDM: this.comInfo.shtyxydm, pageNum: 1, pageSize: 10 }).then(
        (res) => {
          this.administrativePenaltyMoreList = res.data.records;
          this.pagination4.total = Number(res.data.total);
        }
      );
    },
    //查看更多行政处罚信息分页
    administrative(val) {
      this.pagination4.page = val;
      xzcf({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.administrativePenaltyMoreList = res.data.records;
      });
    },
    //严重失信惩戒名单
    getCjmdInfoList() {
      this.loading5 = true;
      let index = this.list.findIndex(
        (item) => item.text == "严重失信惩戒名单"
      );
      getCjmdInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading5 = false;
        this.disciplineList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多严重失信惩戒名单
    checkMoreDiscipline() {
      this.dialogVisible5 = true;
      this.pagination5.page = 1;
      getCjmdInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.disciplineMoreList = res.data.records;
        this.pagination5.total = Number(res.data.total);
      });
    },
    //查看更多严重失信惩戒名单分页
    discipline(val) {
      this.pagination5.page = val;
      getCjmdInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.disciplineMoreList = res.data.records;
      });
    },
    //严重失信公示名单
    getGsmdInfoList() {
      this.loading6 = true;
      let index = this.list.findIndex(
        (item) => item.text == "严重失信公示名单"
      );
      getGsmdInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading6 = false;
        this.publicityList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多严重失信公示名单
    checkMorePublicity() {
      this.dialogVisible6 = true;
      this.pagination6.page = 1;
      getGsmdInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.publicityMoreList = res.data.records;
        this.pagination6.total = Number(res.data.total);
      });
    },
    //查看更多严重失信公示名单分页
    publicity(val) {
      this.pagination6.page = val;
      getGsmdInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.publicityMoreList = res.data.records;
      });
    },
    //海关失信认证信息
    getHgsxInfoList() {
      this.loading7 = true;
      let index = this.list.findIndex(
        (item) => item.text == "海关失信认证信息"
      );
      getHgsxInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading7 = false;
        this.customsCertificationList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多海关失信认证信息
    checkMoreCustomsCertification() {
      this.dialogVisible7 = true;
      this.pagination7.page = 1;
      getHgsxInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.customsCertificationMoreList = res.data.records;
        this.pagination7.total = Number(res.data.total);
      });
    },
    //查看更多海关失信认证信息分页
    customsCertification(val) {
      this.pagination7.page = val;
      getHgsxInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.customsCertificationMoreList = res.data.records;
      });
    },
    //出入境检验检疫信息
    getCrjjyjysxInfoList() {
      this.loading8 = true;
      let index = this.list.findIndex(
        (item) => item.text == "出入境检验检疫信息"
      );
      getCrjjyjysxInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading8 = false;
        this.entryExitList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多出入境检验检疫信息
    checkMoreEntryExit() {
      this.dialogVisible8 = true;
      this.pagination8.page = 1;
      getCrjjyjysxInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.entryExitMoreList = res.data.records;
        this.pagination8.total = Number(res.data.total);
      });
    },
    //查看更多出入境检验检疫信息分页
    entryExit(val) {
      this.pagination8.page = val;
      getCrjjyjysxInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.entryExitMoreList = res.data.records;
      });
    },
    //严重质量失信信息
    getYzzlsxInfoList() {
      this.loading9 = true;
      let index = this.list.findIndex(
        (item) => item.text == "严重质量失信信息"
      );
      getYzzlsxInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading9 = false;
        this.qualityPromiseList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多严重质量失信信息
    checkMoreQualityPromise() {
      this.dialogVisible9 = true;
      this.pagination9.page = 1;
      getYzzlsxInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.qualityPromiseMoreList = res.data.records;
        this.pagination9.total = Number(res.data.total);
      });
    },
    //查看更多严重质量失信信息分页
    qualityPromise(val) {
      this.pagination9.page = val;
      getYzzlsxInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.qualityPromiseMoreList = res.data.records;
      });
    },
    //采购不良行为
    getZgblInfoList() {
      this.loading10 = true;
      let index = this.list.findIndex((item) => item.text == "采购不良行为");
      getZgblInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading10 = false;
        this.misconductList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多采购不良行为
    checkMoreMisconduct() {
      this.dialogVisible10 = true;
      this.pagination10.page = 1;
      getZgblInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.misconductMoreList = res.data.records;
        this.pagination10.total = Number(res.data.total);
      });
    },
    //查看更多采购不良行为分页
    misconduct(val) {
      this.pagination10.page = val;
      getZgblInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.misconductMoreList = res.data.records;
      });
    },
    //行政强制信息
    getXzqzInfoList() {
      this.loadingXzqz = true;
      let index = this.list.findIndex(
        (item) => item.text == "行政强制信息"
      );
      getXzqzInfoList({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loadingXzqz = false;
        this.xzqzDataList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多行政强制信息
    checkMoreXzqz() {
      this.dialogVisibleXzqz = true;
      this.paginationXzqz.page = 1;
      getXzqzInfoList({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.xzqzMoreList = res.data.records;
        this.paginationXzqz.total = Number(res.data.total);
      });
    },
    //查看更多行政强制信息分页
    handelChangXzqz(val) {
      this.paginationXzqz.page = val;
      getXzqzInfoList({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.xzqzMoreList = res.data.records;
      });
    },
    // 点击导航栏，滚动条移动到内容所对应的位置
    goAssignBlock(el, speed, index) {
      el = 'panelRef1'
      this.activeIndex = index;
      let windowH = window.innerHeight; //浏览器窗口高度
      let h = this.$refs[el].offsetHeight; //模块内容高度
      let t = this.$refs[el].offsetTop; //模块相对于内容顶部的距离
      let top = t - (windowH - h) / 2; //需要滚动到的位置，若改为 t 则滚动到模块顶部位置，此处是滚动到模块相对于窗口垂直居中的位置
      let scrollTop =
        window.pageYOffset ||
        document.documentElement.scrollTop ||
        document.body.scrollTop; //滚动条距离顶部高度
      let currentTop = scrollTop; //默认滚动位置为当前滚动条位置，若改为0，则每次都会从顶部滚动到指定位置
      let requestId;
      //采用requestAnimationFrame，平滑动画
      function step() {
        //判断让滚动条向上滚还是向下滚
        if (scrollTop < top) {
          if (currentTop <= top) {
            //   window.scrollTo(x,y) y为上下滚动位置
            window.scrollTo(0, currentTop);
            requestId = window.requestAnimationFrame(step);
          } else {
            window.cancelAnimationFrame(requestId);
          }
          //向下滚动
          currentTop += speed;
        } else {
          if (top <= currentTop) {
            //注：此处 - speed 是解决居中时存在的问题，可自行设置或去掉
            window.scrollTo(0, currentTop - speed);
            requestId = window.requestAnimationFrame(step);
          } else {
            window.cancelAnimationFrame(requestId);
          }
          //向上滚动
          currentTop -= speed;
        }
      }
      window.requestAnimationFrame(step);
    },
  },
};
</script>

<style scoped="scoped" lang="scss">
.containter {
  width: 100%;
  .step {
    ol.titt {
      // height: 520px;
      // height: 240px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      margin: 0;
      padding: 0;
      font-size: 14px;
      position: fixed;
      top: 350px;
      right: 24px;
      z-index: 999;
    }
    .tittItem {
      margin-bottom: 10px;
    }
    ol.titt .button {
      width: 150px;
      margin: 0;
    }
    ol.titt .button.cur {
      background-color: #5591f5;
      color: #fff;
    }
  }
  .basicInfo {
    background: #fff;
    border-radius: 10px;
    width: 100%;
    padding: 12px 174px 12px 24px;
    margin-top: 20px;
    .title {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    #trend {
      width: 1400px;
      height: 400px;
      border-radius: 4px;
      padding: 12px;
      box-shadow: 0 0 10px #e8eaef;
    }
  }
}
.morexxfp {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  div {
    margin-right: 24px;
  }
}
.title {
  font-size: 18px;
  font-weight: 900;
}
.glqy {
  color: #4a8bf6;
  margin-left: 24px;
}
.glqy:hover {
  cursor: pointer;
}
.item {
  margin-top: 4px;
  margin-right: 16px;
}
</style>
<style>
.dialog {
  border-radius: 10px;
  padding-bottom: 50px;
}
.el-dialog {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*height:600px;*/
  max-height: calc(100% - 200px);
  max-width: calc(100% - 30px);
}
.el-dialog .el-dialog__body {
  flex: 1;
  overflow: auto;
}
.pagination {
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
</style>